<template>
  <div class="page" v-nav="{ title: '登记工人信息', showBackButton: true}" v-tabbar-menu-index="2">
    <div class="page-content padding-top">
      <von-input type="text" v-model="name" placeholder="您的姓名" label="姓名："></von-input>
      <von-input type="text" v-model="idCard" placeholder="请输入18位身份证号码" label="身份证："></von-input>
      <von-input type="text" v-model="phone" placeholder="请输入手机号码" label="手机："></von-input>
      <div class="item item-divider">
        选择性别:
      </div>
      <von-radio :options="['男','女']" v-model="gender"></von-radio>
      <p class="padding">
        option index: {{ gender }}<br>
        option text: {{ genderOptions[gender] }}
      </p>
    </div>
  </div>
</template>
<script>
  export default{
    data() {
      return {
        name:'',
        phone: '',
        idCard: '',
        gender:0,
        genderOptions:["男", "女"],
      }
    }
  }
</script>
